<template>
  <div class=''>
    <basepannel 
      comname="infopannel"
      comtitle="目标详情"
      :w="801"
      :h="497"
      :x="panelX"
      :y="panelY"
    >
      <infocom ref="infocom" />
    </basepannel>
  </div>
</template>
<script >
import basepannel from '../basepannel/index.vue';
import infocom from './infocom.vue'

export default {
  name: '',
  components: {
    basepannel,
    infocom,
  },
  data() {
    return {
    };
  },
  computed: {
    panelX() {
      // return document.body.clientWidth - 400

      return 610
      
    },
    panelY() {
      // return document.body.clientHeight - 80
      return 154

    }
  },
  watch: {
    
  },
  mounted() {
    
  },
  methods: {
    closewindow(){
      this.$refs.infocom.closewindow()
    }
  },
}
</script>
<style lang='scss' scoped>

</style>